<html><head>
    <link rel="stylesheet" type="text/css" href="content.css" />
    
</head><body>
    <div id="title_section">
        <div id='title'>{{title}}</div>
        <div id='subtitle'>{{ptime}}　{{author}}</div>
    </div>
    
    <div id="body_section">
        {{content_image}}
        {{body}}
    </div>
    
    <script>
        function clickLink(){
            var url = "hit:image:zoom";
            document.location = url;
        }
        var title = document.getElementById("title");
        var subtitle = document.getElementById("subtitle");
        var body_section = document.getElementById("body_section");
        
        function resizeText(multiplier) {
            //var title = document.getElementById("title");
            //var subtitle = document.getElementById("subtitle");
            //var body_section = document.getElementById("body_section");
            if (title.style.fontSize == "") {
                title.style.fontSize = "14pt";
            }
            if (subtitle.style.fontSize == "") {
                subtitle.style.fontSize = "8pt";
            }
            if (body_section.style.fontSize == "") {
                body_section.style.fontSize = "12pt";
            }
            title.style.fontSize = parseFloat(title.style.fontSize) + (multiplier * 1) + "pt";
            subtitle.style.fontSize = parseFloat(subtitle.style.fontSize) + (multiplier * 1) + "pt";
            body_section.style.fontSize = parseFloat(body_section.style.fontSize) + (multiplier * 1) + "pt";
        }
        
        var style = 0;
        
        function changeStyle() {
            //var title = document.getElementById("title");
            //var subtitle = document.getElementById("subtitle");
            //var body_section = document.getElementById("body_section");
            switch (style) {
                case 0:
                title.style.color = "#FFFFFF";
                subtitle.style.color = "#FFFFFF";
                document.body.style.backgroundColor = "#000000";
                body_section.style.color = "#FFFFFF";
                break;
                
                default:
                title.style.color = "#464646";
                subtitle.style.color = "#8e8e8e";
                document.body.style.backgroundColor = "#efeff0";
                body_section.style.color = "#333";
                break;
            }
            style = (style + 1) % 2;
        }
        
        </script>
    
</body></html>